/*
* @Author: gqt
* @Date:   2018-06-28 14:06:57
* @Last Modified by:   gqt
* @Last Modified time: 2018-06-28 14:06:57
*/

@table-prefix-cls : ivu-table;

/*颜色*/
@table-default-color        : #F5FAFF;
@table-border-color         : #E1E7F0;
@table-zebra-color          : #FBFCFE;
@table-hover-color          : #ebf7ff;
@table-loading-color        : #2F97FF;

@font-face {
  font-family: 'table';
  src:  url('../fonts/table.eot?yg3ons');
  src:  url('../fonts/table.eot?yg3ons#iefix') format('embedded-opentype'),
    url('../fonts/table.ttf?yg3ons') format('truetype'),
    url('../fonts/table.woff?yg3ons') format('woff'),
    url('../fonts/table.svg?yg3ons#table') format('svg');
  font-weight: normal;
  font-style: normal;
}
.blue {
   .ivu-table-filter-list .ivu-table-filter-select-item-selected, 
   .ivu-table-filter-list .ivu-table-filter-select-item-selected:hover{
    color: #fff;
    background: rgba(45,140,240,.9);
   }
  .@{table-prefix-cls} {
    &:after,&:before{
     background-color:@table-border-color;
    }
    td,th{
     border-bottom:1px solid @table-border-color;
    }
    &-border{
       td,th{
     border-right: 1px solid @table-border-color;
      }
    }
    th{
     background-color:@table-default-color;
    }
    &-wrapper{
      border-color: @table-border-color;
    }
 
    &-stripe{
      .@{table-prefix-cls}-body,.@{table-prefix-cls}-fixed-body{
       tr:nth-child(2n) td{
          background-color: @table-zebra-color;
       }
       tr.@{table-prefix-cls}-row-hover td{
          background-color: @table-hover-color;
        }
       tr.@{table-prefix-cls}-row-highlight:nth-child(2n) td{
         background-color: @table-hover-color;
       }
      }
    }
    &-row-highlight{
     td{
       background-color: @table-hover-color;
     }
    }
    .ivu-icon-arrow-up-b,.ivu-icon-arrow-down-b,.ivu-icon-ios-arrow-right{
      &:before{
        content: "";
      }
    }
  }

  tr{
   &.@{table-prefix-cls}
   {
    &-row-highlight{
      &.@{table-prefix-cls}-row-hover{
         td{
            background-color: @table-hover-color
         }
     }
    }
    &-row-hover{
      td {
       background-color: @table-hover-color
        }
    }
   }
  }
  /*类名自定义 表格颜色*/
    .ivu-table .demo-table-info-row td{
        background-color: #68B4FF;
        color: #fff;
    }
    .ivu-table .demo-table-error-row td{
        background-color: #FFAE1E;
        color: #fff;
    }
    .ivu-table td.demo-table-info-column{
        background-color: #68B4FF;
        color: #fff;
    }
    .ivu-table .demo-table-info-cell-name {
        background-color: #68B4FF;
        color: #fff;
    }
    .ivu-table .demo-table-info-cell-age {
        background-color: #FFAE1E;
        color: #fff;
    }
    .ivu-table .demo-table-info-cell-address {
        background-color: #4CCB86;
        color: #fff;
    }
  /*查看编辑按钮*/
    .table-button{
    span{
      display: inline-block;
      cursor: pointer;
    }
    .first-span{
      color:#2F97FF;
      margin-right:30px;
    }
    .final-span{
      color:#43AF78;
    }
     }
    /*排序图标*/
    .ivu-table-sort{
       width:15px;
       height:15px;
    }
    .ivu-table-sort i{
       width:6px;
       height:15px;
    }
    .ivu-table-sort i:first-child:hover{
      background: url(../img/arrow-up-hover.png) no-repeat center;
      background-image: -webkit-image-set(
      url(../img/arrow-up-hover.png) 1x,
      url(../img/arrow-up-hover@2x.png) 2x
    );
    }
    .ivu-table-sort i:first-child.on{
      background: url(../img/arrow-up-on.png) no-repeat center;
      background-image: -webkit-image-set(
      url(../img/arrow-up-on.png) 1x,
      url(../img/arrow-up-on@2x.png) 2x
    );
    }
    .ivu-table-sort i:first-child{
      background: url(../img/arrow-up.png) no-repeat center;
      background-image: -webkit-image-set(
      url(../img/arrow-up.png) 1x,
      url(../img/arrow-up@2x.png) 2x
    );
    }
    .ivu-table-sort i:last-child{
      right:0;
      background: url(../img/arrow-down.png) no-repeat center;
      background-image: -webkit-image-set(
      url(../img/arrow-down.png) 1x,
      url(../img/arrow-down@2x.png) 2x
    );
    }
    .ivu-table-sort i:last-child:hover{
      background: url(../img/arrow-down-hover.png) no-repeat center;
      background-image: -webkit-image-set(
      url(../img/arrow-down-hover.png) 1x,
      url(../img/arrow-down-hover@2x.png) 2x
    );
    }
    .ivu-table-sort i:last-child.on{
      background: url(../img/arrow-down-on.png) no-repeat center;
      background-image: -webkit-image-set(
      url(../img/arrow-down-on.png) 1x,
      url(../img/arrow-down-on@2x.png) 2x
    );
    }

     /*过滤图标*/
   // .ivu-poptip{
   //   height:16px;
   //   vertical-align: middle;
   //  }
    .ivu-table-filter i{
      height:12px;
      width:12px;
      color:'#D4D4D4';
      &:before {
        font-family: 'table';
        content: "\e901";
      }
      &:hover{
        color: #8D8D8D;
      }
      &.on{
        color:@table-loading-color;
      }
    }
    /*可展开图标*/
    .ivu-table-cell-expand i{
      height:8px;
      width:15px;
      background: url(../img/table-deployable.png) no-repeat center;
      background-image: -webkit-image-set(
      url(../img/table-deployable.png) 1x,
      url(../img/table-deployable@2x.png) 2x
    );
    }
    .ivu-table-cell-expand-expanded{
      transform:none;
      i{
      background: url(../img/table-deployable-on.png) no-repeat center;
      background-image: -webkit-image-set(
      url(../img/table-deployable-on.png) 1x,
      url(../img/table-deployable-on@2x.png) 2x);   
      }
    }
      /*loading*/
    .table-loading .ivu-spin-dot{
      background-color:@table-loading-color;
    }
}
